import { BasicColumn, FormSchema } from '@/components/Table';
import { h } from 'vue';
import { Switch } from 'ant-design-vue';
import { setRoleStatus } from '@/api/demo/system';
import { useMessage } from '@/hooks/web/useMessage';
import { useI18n } from "@/hooks/web/useI18n";

const { t } = useI18n();
type CheckedType = boolean | string | number;
export const columns: BasicColumn[] = [
  {
    title: t('sys.role.columns.description'),
    dataIndex: 'description',
    width: 200,
  },
  {
    title: t('sys.role.columns.role'),
    dataIndex: 'role',
    width: 180,
  },
];

export const searchFormSchema: FormSchema[] = [
  {
    field: 'description',
    label: t('sys.role.columns.description'),
    component: 'Input',
    colProps: { xs: 24, sm: 12, md: 6, lg: 6, xl: 6 },
  },
];

export const formSchema: FormSchema[] = [
  {
    field: 'description',
    label: t('sys.role.columns.description'),
    required: true,
    component: 'Input',
  },
  {
    field: 'role',
    label: t('sys.role.columns.role'),
    required: true,
    component: 'Input',
  },
  // {
  //   field: 'status',
  //   label: t('sys.analysis.columns.status'),
  //   component: 'RadioButtonGroup',
  //   defaultValue: '0',
  //   componentProps: {
  //     options: [
  //       { label: t('sys.configuration.startUsing'), value: '1' },
  //       { label: '停用', value: '0' },
  //     ],
  //   },
  // },
  // {
  //   label: t('sys.device.columns.remck'),
  //   field: 'remark',
  //   component: 'InputTextArea',
  // },
  {
    label: ' ',
    field: 'menu',
    slot: 'menu',
  },
];
